<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>小米账号—登录</title>
		<link rel="icon" href="img/favicon.ico" type="image/x-icon">
		<link rel="stylesheet" type="text/css" href="css/login.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	</head>
	<body>
		<!--头部-->
		<div class="header">
			<a href="index.html"><img src="img/logo.png"/></a>
		</div>
		<!--登录部分-->
		<div class="webcon">
			<a href="index.html"></a>
			<div class="content clearfix" >
				<div class="login" id="account">
					<div class="option">
						<a class="actived" href="#account">帐号登录</a><span>|</span><a href="#code">扫码登录</a>
					</div>
					<div class="account case">
						<form action="" method="post">
							<ul>
								<li><input type="text" class="username" name="username" placeholder="邮箱/手机号码/小米ID" /></li>
								<li><input type="password" class="password" name="password" placeholder="密码" /></li>
								<li>
									<input type="text" class="yzm" name="yzm" placeholder="图片验证码" />
									<div class="yzm_img">
										<img src="img/yzm.jpg"/>
									</div>
								</li>
								<li class="hint"></li>
								<li>
									<input type="submit" class="submit" name="submit" value="登录" />
								</li>
								<li class="other">
									<a href=""><span>手机短信登录/注册</span></a>
									<div class="zc fr">
										<a href="#">立即注册</a>
										<span>|</span>
										<a href="#">忘记密码？</a>
									</div>
									<div class="clear"></div>
								</li>
							</ul>
						</form>
						<div class="bottom">
							<div class="wire">
								<span>其他登录方式</span>
							</div>
							<div class="other_login">
								<a href=""><i class="iconfont icon-qq"></i></a>
								<a href=""><i class="iconfont icon-weibo-copy"></i></a>
								<a href=""><i class="iconfont icon-iconfonticonfontzhifubao"></i></a>
								<a href=""><i class="iconfont icon-weixin"></i></a>
							</div>
						</div>
					</div>
				</div>
				<div class="login" id="code">
					<div class="option">
						<a  href="#account">帐号登录</a><span>|</span><a class="actived" href="#code">扫码登录</a>
					</div>
					<div class="code case">
						<div class="code_img">
							<img src="img/code.png"/>
						</div>
						<ul>
							<li>使用 <span>小米商城APP</span> 扫一扫</li>
							<li>小米手机可打开「设置」>「小米帐号」扫码登录
</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<footer>
			<ul>
				<li>
					<a href="#">简体</a>
					<span>|</span>
					<a href="#">繁体</a>
					<span>|</span>
					<a href="#">English</a>
					<span>|</span>
					<a href="#">常见问题</a>
				</li>
				<li>小米公司版权所有-京ICP备10046444-<a href="#"><span><img src="img/ghs.png"/></span>京公网安备11010802020134号</a>-京ICP证110507号</li>
			</ul>
		</footer>
	</body>
</html>
